大家好！歡迎來到我的 2025 iThome 鐵人賽挑戰！
今年我給自己設定的主題是 「人設實驗室 - 結合 AI 打造星座+MBTI 的趣味內容網站」。
在這個資訊爆炸，但人們卻越來越渴望了解自己的時代，星座和 MBTI 成了年輕世代的「社交貨幣」。它們提供了一套有趣的標籤和框架，讓我們快速認識他人、也重新審視自己。
但傳統的星座運勢或 MBTI 解析，內容往往千篇一律。所以，我冒出一個大膽的想法：如果我們讓強大的 AI 來扮演一個結合了占星師與心理學家的角色，為每個人生成獨一無二、融合了星座與 MBTI 特質的「人設分析報告」，那會是多麽酷的一件事？
這就是「人設實驗室」的由來。在這 30 天裡，我將從零開始，一步步打造這個網站。
今天，作為整個旅程的起點，最重要的任務就是——構思網站的架構。俗話說「工欲善其事，必先利其器」，一個好的架構能讓我們在接下來的開發路上事半功倍。
在眾多技術中，我挑選了以下組合，它們各自扮演著不可或缺的角色：
| 角色 | 技術 | 選擇原因 |
|---|---|---|
| 核心框架 | Next.js (with React) |
提供強大的 SSR/SSG 功能，對 SEO 友好，內建 API Routes，完美整合前後端。 |
| 開發工具 | Vite |
（註：此處稍後說明） Next.js 13+ 已使用 SWC，提供極速開發體驗。 |
| 樣式方案 | Tailwind CSS |
Utility-First 的 CSS 框架，能極速打造現代化且一致的 UI 介面。 |
| 狀態管理 | Zustand |
輕量、無模板程式碼的狀態管理庫，簡單好上手，能應付複雜的客戶端狀態。 |
| AI 核心 | Gemini Pro |
Google 最新、最強大的語言模型，將是我們內容生成的心臟。 |
今天，我們為「人設實驗室」打下了堅實的理論基礎。我們確定了以 Next.js 為核心的全端架構，選擇了輕快高效的 Tailwind CSS 和 Zustand 來打造使用者介面與體驗，並規劃好了如何透過 API Routes 安全地串接我們的大腦——Gemini Pro。
有了清晰的藍圖，明天我們就要開始動手了！
Day 2 預告：專案啟動！開始搭建環境吧。
讓我們一起期待吧！
iThome鐵人賽
看影片追技術